<!-- INCLUDE ucp_header.html -->
                                                                                                                           
<script type="text/javascript">
// <![CDATA[
jQuery(document).ready(function($) {    

  function show_hide(value_div, hide_div, values) {
    var value = $(value_div).val();
    var show = jQuery.inArray(value, values);  
    
  	if ( show != -1 ) {
  		$(hide_div).show();
  	}
  	else {
  		$(hide_div).hide();
  	}
  }
  
  show_hide("#relationship_status", "#relationship_partner", ["2", "3", "4", "5", "6"]);
	$("#relationship_status").change(function() {
    	show_hide("#relationship_status", "#relationship_partner", ["2", "3", "4", "5", "6"]);
	});
  
	show_hide("#family_status", "#family_partner", ["20", "21", "22", "23", "24", "25", "26", "27", "28", "29", "30", "31", "32", "33", "34", "35", "36", "37", "38", "39", "40", "41"]);
	$("#family_status").change(function() {
    	show_hide("#family_status", "#family_partner", ["20", "21", "22", "23", "24", "25", "26", "27", "28", "29", "30", "31", "32", "33", "34", "35", "36", "37", "38", "39", "40", "41"]);
	});
	
  var select_friends_url = '{U_SELECT_FRIENDS}';
 
  select_friends_url = select_friends_url.replace(/&amp;/g, '&');

	$("#relationship_user, #family_user").autocomplete({
		source: select_friends_url, 
		minLength: 2,
		delay: 300
	});

	$( "#anniversary_picker" ).datepicker({
		changeMonth: true,
		changeYear: true,
		appendText: '(dd-mm-yyyy)',
		dateFormat: 'dd-mm-yy',
		firstDay: 1,
		nextText: '{L_NEXT}',
		prevText: '{L_PREVIOUS}',
		yearRange: '1905:c',
		dayNames: ['{L_SN_UP_SUNDAY}', '{L_SN_UP_MONDAY}', '{L_SN_UP_TUESDAY}', '{L_SN_UP_WEDNESDAY}', '{L_SN_UP_THURSDAY}', '{L_SN_UP_FRIDAY}', '{L_SN_UP_SATURDAY}'], 
		dayNamesMin: ['{L_SN_UP_SUNDAY_MIN}', '{L_SN_UP_MONDAY_MIN}', '{L_SN_UP_TUESDAY_MIN}', '{L_SN_UP_WEDNESDAY_MIN}', '{L_SN_UP_THURSDAY_MIN}', '{L_SN_UP_FRIDAY_MIN}', '{L_SN_UP_SATURDAY_MIN}'],
		monthNamesShort: ['{L_SN_UP_JANUARY_MIN}', '{L_SN_UP_FEBRUARY_MIN}', '{L_SN_UP_MARCH_MIN}', '{L_SN_UP_APRIL_MIN}', '{L_SN_UP_MAY_MIN}', '{L_SN_UP_JUNE_MIN}', '{L_SN_UP_JULY_MIN}', '{L_SN_UP_AUGUST_MIN}', '{L_SN_UP_SEPTEMBER_MIN}', '{L_SN_UP_OCTOBER_MIN}', '{L_SN_UP_NOVEMBER_MIN}', '{L_SN_UP_DECEMBER_MIN}']
	});

});
// ]]>
</script>

<h2>{L_TITLE}</h2>

<form id="ucp" method="post" action="{U_ACTION}">

  <div class="panel">
  	<div class="inner"><span class="corners-top"><span></span></span>
    	<fieldset>  
        <!-- IF ERROR --><p class="error">{ERROR}</p><!-- ENDIF -->       
      	<dl>
      		<dt><label for="relationship_status">{L_SN_UP_RELATIONSHIP}:</label></dt>
          <dd>
            <select name="relationship_status" id="relationship_status" style="width: 31%;">
              <option value="">{L_SN_UP_SELECT_RELATIONSHIP}</option>
							<option value="1">{L_SN_UP_SINGLE}</option>
							<option value="2">{L_SN_UP_IN_RELATIONSHIP}</option>
							<option value="3">{L_SN_UP_ENGAGED}</option>
							<option value="4">{L_SN_UP_MARRIED}</option>
							<option value="5">{L_SN_UP_ITS_COMPLICATED}</option>
							<option value="6">{L_SN_UP_OPEN_RELATIONSHIP}</option>
							

						</select>
						
      	

  <fieldset class="submit-buttons">
    <input type="reset" value="{L_RESET}" name="reset" class="button2" />&nbsp; 
  	<input type="submit" name="submit" value="{L_SUBMIT}" class="button1" />
  	{S_FORM_TOKEN}
  </fieldset>
</form>
	
<!-- INCLUDE ucp_footer.html -->